body {
	overflow: hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#bceaff),to(#FFF));
	-webkit-user-select: none;
}
footer {
	margin-top: 210px;
	width: 100%;
	font: bold 16px Helvetica Neue, Arial, Sans-serif;
}
#logincontainer {
	display: inline;
}
#rememberdatatext {
	float: right;
	font: 11px Helvetica Neue, Arial, Sans-serif;
}
#userdata {
	border-style: none;
	padding: 15px;
	width: 403px;
	height: auto;
	margin-left: 65%;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: 40px;
}
#username {
	background: rgb(211,221,228);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-width: 1px;
	padding: 5px;
	border-color: #888888
}
#username:hover {
	-webkit-transition: background-color 0.5s linear;
	background: #FFF;
}
#username:focus {
	background: #FFF;
}
#password {
	background: rgb(211,221,228);
	border-radius: 5px;
	border-width: 1px;
	padding: 5px;
	border-color: #888888
}
#password:hover {
	-webkit-transition: background-color 0.5s linear;
	background: #FFF;
}
#password:focus {
	background: #FFF;
}
#loginbutton {
	background: #FA2;
	margin-top: 5px;
	border-style: none;
	border-width: 1px;
	border-radius: 5px;
	width: 60px;
	background-image: url('./images/loginbt.png');
	padding: 5px;
	text-shadow: 0 1px 0 #FE6;
	text-align: center;
	font: bold 16px Helvetica Neue, Arial, Sans-serif;
	float: left;
}
#loginbutton:active {
	background-image: none;
}
#presentation {
	border-style: none;
	width: 45%;
	padding: 20px;
	font: bold 32px Helvetica Neue, Arial, Sans-serif;
	margin-top: 140px;
	margin-left: 180px;
	float: left;
}
#registration {
	border-style: none;
	width: 21%;
	float: left;
	margin-top: 190px;
	margin-left: 68px;
	padding: 15px;
}
#mainblock {
	display: inline-block;
	border-style: none;
}
#regusername {
	background: rgb(211,221,228);
	border-radius: 5px;
	border-width: 1px;
	padding: 5px;
	border-color: #888888;
	height: 40px;
	font-size: 20px;
	margin-bottom: 5px;
	width: 300px;
}
#regpassword {
	background: rgb(211,221,228);
	border-radius: 5px;
	border-width: 1px;
	padding: 5px;
	border-color: #888888;
	height: 40px;
	font-size: 20px;
	margin-bottom: 10px;
	width: 300px;
}
#regbutton {
	background: #0066CC;
	float: left;
	border-style: none;
	border-width: 1px;
	border-radius: 5px;
	width: 60px;
	background-image: url('./images/regbt.png');
	padding: 8px;
	text-shadow: 0 1px 0 #869;
	text-align: center;
	font: bold 14px Helvetica Neue, Arial, Sans-serif;
	color: white;
	margin-left: 0px;
}
#regbutton:active {
	background-image: none;
}
#regpassword:hover {
	-webkit-transition: background-color 0.5s linear;
	background: #FFF;
}
#regpassword:focus {
	background: #FFF;
}
#regusername:hover {
	-webkit-transition: background-color 0.5s linear;
	background: #FFF;
}
#regusername:focus {
	background: #FFF;
}
#errormsg {
	color: red;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	border-radius: 5px;
	font: bold 22px Helvetica Neue, Arial, Sans-serif;
	opacity: 0;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,0,0,0.4);
}
#okmsg {
	color: rgb(34,139,34);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	width: 500px;
	background-color: rgba(34,139,34,0.4);
	text-align: center;
	font: bold 22px Helvetica Neue, Arial, Sans-serif;
	opacity: 0;
	margin-left: auto;
	margin-right: auto;
}
#idename {
	font-size: 56px;
}
#new {
	font: bold 12px Helvetica Neue, Arial, Sans-serif;
	margin-bottom: 5px;
}
#leftfoot {
	float: left;
}
#rightfoot {
	float: right;
}
#chromelogo {
	float: left;
	margin-right: 10px;
}
#logohome{
	position:absolute;
	top: 300px;
}
